/* tpl: grid_list.tpl */

#devmod_loader {
background-color:#FE8; display:inline-block; float:right; display:absolute; font-size:10px; padding:4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px;
}

/* devmod: list */
.devmod_list_table {
	border-collapse:collapse;
}

.devmod_list_table td {
	border:1px solid #657082; padding:4px 6px; font-size:12px; color:#E1E1E1; 
}

.devmod_list_table .dark {
	background-color:#4b576b;	
}

/* devmod: add */

.cast-file-div {
	display:inline-block; background-color:#F0F0F0; border:1px solid #333; color:#333; float:left; height:26px;
}

.cast-file-button {
	width:150px; display:inline-block; height:28px; font-size:10px; cursor:pointer; background-color:#333; float:left;
}

.devmod_add_table {
	border-collapse:collapse; width:100%;
}

.devmod_add_table td {
	border-bottom:3px solid #525E72; padding:5px; font-size:12px; color:#E1E1E1;
	border-right:3px solid #525E72;
}

.devmod_add_table .dark {
	background-color:#445064;
}

.devmod_add_table .bright {
	background-color:#4b576b;	
}

.devmod_add_table .field-tip {
	font-size:10px;	display:block; color:#b8b8b8;
}

.devmod_add_table input[type=text] {
	padding:1px; font-size:11px; color:#333;	
}

.devmod_multilang_block {
	padding:3px; background-color:#525E72; border:1px solid #636c7b; font-size:10px;
}

/* tpl: admin/dashboard.tpl */

.list-tables td {
    background-color:#414b58; font-size:0.7em; padding:6px 8px;
}

.list-tables .dark {
    color:#71767c;  width:175px;
}

.list-tables .grey {
    color:#b3b3b3;  background-color:#4a535f;
}

/* tpl: admin/user_rights_table.tpl */

.page-edit-user-rights-table td {
    padding:1px; font-size:0.7em;
}

/* tpl: devmod / grid_list.tpl */

.devmod_handler_buttons {
    display:inline-block; float:right;  
}

.devmod_handler_buttons .text {
    color:#333; font-size:0.7em; padding:5px; display:inline-block; width:388px;
}

.export_item {
    display:inline-block; width:110px; font-size:0.7em; padding:2px 6px;
}

#export_link {
    
}

/* login window */

#login_window {
    margin:0px auto; width:400px; margin-top:20px;  
}

#login_window h1 {
    font-size:11px; margin:10px 0px 5px 10px; color:white;  
}

#login_window .login_box {
    background-image:url(../img/login_box_bg.png);  padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

#login_window label {
    padding:5px 0px 0px 10px; display:inline-block; color:#0c306d;
}

#login_window .login_field_box {
    padding:5px 10px 5px 10px;
}

#login_window .login_field_box input {
    width:370px; font-size:24px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

#login_window .browser_detection {
    margin-top:10px; background-image:url(../img/ua_detect_bg.png); padding:5px; font-size:12px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

/* facebox_layout WINDOW PROPERTIES OF HTML */

.facebox_layout {
    font-size:0.7em; padding:10px; color:white; width:600px;
}

.facebox_layout p {
    padding:3px 0px 3px 0px; color:#CCC;
}

.facebox_layout .item {
    background-color:#3C4654; margin:6px 2px 2px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:5px;
}

.facebox_layout .ex {
    color:orange; padding-left:15px; color:white;
}

.facebox_layout h1 {
    font-size:1.1em; color:orange;
}

.facebox_layout h2 {
    font-size:1em;
}

.facebox_layout h2 i {
    color:orange; font-size:0.9em; font-weight:none; font-style:normal; padding-left:10px;
}

.facebox_layout ul {
    margin-left:20px;
}

.facebox_layout li {
    padding:3px;
}

.facebox_layout a {
    color:orange;
}

/* global settings */

* {
    margin:0px; padding:0px; border:0px; font-family: Trebuchet MS, Verdana, sans-serif; outline: none;
}

a { 
    color:orange; text-decoration:none; outline:none;cursor:pointer
}

a:hover {
    text-decoration:underline;  
}

body {
    background-color:#607089; 
}

pre {
    font-family:Courier; padding:0px; margin:0px; border:0px; font-size:10px; white-space: normal;
}

/* --- div --- */

#layer {
	position:absolute; background-image:url(../img/overlay.png);
}

#header {
    padding:0px 10px; display:block;
}

#header ul {
    list-style-type:none; clear:both; background-color:#333; display:inline-block; width:100%;
    -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

#header ul li {
    display:inline-block; float:left; border-right:1px solid #607089;
}

#header ul .logout {
    border:0px; background-color:#6b0b0b; float:right;
    border-left:1px solid #343E4C; display:inline-block;
    -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

#header ul .fakea {
    padding:14px 14px 0px 14px; display:inline-block; font-size:0.7em; height:43px; color:#e7e7e7;
}

#header ul li a {
    padding:18px 14px 0px 14px; display:inline-block; font-size:0.8em; height:39px; color:#e7e7e7;
}

#header ul li a:hover {
    background-color:#343E4C; color:#c3c3c3; text-decoration:none; color:#FFF;
}

/*
#header {
    width:100%; font-size:12px; color:white; display:inline-block; background-color:#333;
    -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

#header .box {
    display:inline-block; float:left; font-size:0.9em; padding:0px 13px 0px 13px; border-right:1px solid #343E4C; height:57px;
}

#header a {
    color:#d4d4d4;  
}

#header table {
    padding-top:6px;
}

#header .single table {
    padding-top:18px;
}

#header .fix  td {
    padding:2px;
}

#header .logout {
    float:right; border-left:1px solid #343E4C; background-color:#6b0b0b; height:57px; display:inline-block;
    -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

*/

#console {
    width:100%; height:110px; display:block; overflow:auto; background-color:#1A1A1A;
}

#console p {
    color:red; font-size:10px; padding:4px; 
}

#wrap {
    width:100%; background-color:#343E4C; padding:5px 0px 5px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}

#outer_wrap {
    padding:8px 8px 4px 8px; clear:both;
}

#container {
    width:1000px; display:inline-block; background-color:#343E4C;
}

#left {
    width:200px; float:left; padding:10px;
}

#right {
    width:760px; float:right; background-color:#343E4C; padding:10px;
}

#right h1 {
    font-size:18px; color:orange; margin:5px;
}

#right h2 {
    font-size:15px; color:white; margin:5px; font-weight:bold;
}

#right p {
    font-size:12px; margin-left:10px; padding:4px;color:#CCC;
}

#right pre {
    white-space:pre; color:white; line-height:16px; font-size:12px; padding:12px; background-color:#3C4654;
}

#right .list {
    margin-left:15px; padding-left:15px;    
}

#right .list li {
    font-size:13px; color:white; padding:5px;
}

#right .list li ul {
    margin-left:15px; padding-left:15px;    
}

#corner_loader {
    background-color:#555865; padding:5px; position:absolute; left:225px; top:66px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}

#nav {
    list-style-type:none;
}

#nav li {
    background-color:#525E72; background-repeat:repeat-x; color:white; font-size:16px; padding:2px 0px 0px 8px;
}

#nav .bg {
    background-image: url(../img/nav_bg.png);   
}

#nav li ul {
    list-style-type:none; padding-top:2px;
}

#nav li ul li {
    background-color:#525E72;
}

#nav li ul li a {
    display:block; text-decoration:none; color:white; padding:4px 0px 4px 6px; font-size:14px;
}

#nav li ul li a:hover {
    color:orange;   
}

.overAtt {
    position:absolute;
}

.overAttInline {
    position:absolute; top:-25px; left:160px;
}

#footer {
    color:white; font-size:12px; padding:0px 10px 4px 10px;
}

#footer td {
    font-size:0.7em; 
}

#footer a {
    display:inline-block; padding:3px 5px;
}

#footer a:hover {
    background-color:#1A1A1A; text-decoration:none; 
}

.folder {
    list-style-type:none; position:absolute; left:1000px; top:143px;
}

.folder li {
    background-color: #525E72; font-size:11px; padding:5px; cursor:pointer; margin-bottom:2px; color:#ccc;
}

.folder .title {
    background-color:#3C4654; color:white; font-weight:bold;
}

.list_nav_ov {
    list-style-type: none; 
}

.list_nav_ov ul {
    list-style-type: none; 
}

/* page_mgr.tpl */

#page_mgr p, a, div {
    padding:0px;    
}

#page_mgr .col_left {
    float:left; width:350px; font-size:12px; padding:6px 0px 1px 5px; color:white;
}

#page_mgr .col_right {
    float:right; display:inline;
}

#page_mgr .col_right a {
    padding:8px 6px 8px 6px; display:inline-block;
}

.row_markup {
    display:inline-block; width:100%; border-top:1px solid #3C4654;
}

#page_mgr .is_sub {
    float:left; padding:6px 5px 0px 4px;
}

#page_mgr .space {
    float:left; width:28px; 
}

#page_mgr .color1 {
    background-color:#4b5461;
}

#page_mgr .color2 {
    background-color:#606872;
}

#page_mgr .color3 {
    background-color:#797f88;   
}

/* --- */

#tab_nav {
    list-style-type:none;
}

#tab_nav li {
    float:left; 
}

#tab_nav li a {
    -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; 
    -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; padding:4px 10px; margin-left:7px; font-size:12px; display:inline-block;
}

#tab_nav li a:hover { text-decoration:none; background-color:#525E72;  }

/* tpl: page_edit.tpl */

.tab_active {
	background-color:#525E72;
}

.tab_inactive {
	background-color:#3C4654; color:#FFF;
}

#tab_wrap {
    clear:both; display:block; /* padding:5px; background-color:#3C4654; margin:2px; */
}

/* content styles */

.block {
    padding:5px; background-color:#3C4654; margin:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.innerblock {
	padding:5px; background-color:#626c7e;  margin:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.subblock {
    padding:5px; background-color:#525E72; margin:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.tip {
    background-color:#00679A; border:1px solid #333; color:white; font-size:12px;   -webkit-border-radius: 12px; -moz-border-radius: 12px; padding:8px; line-height:18px;
}

/* page edit editor tabl once */

.edit_tab {
    -webkit-border-radius: 6px; -moz-border-radius: 6px; display:inline-block; background-color:#525E72; padding:6px; margin-bottom:12px;
}

/* add new image */

.image_former {
    -webkit-border-radius: 6px; -moz-border-radius: 6px; display:inline-block; background-color:#525E72; padding:6px; margin-bottom:12px;
}

/* list images item [add foto into content] - backend.js template*/

.image_item {
    display:inline-block; width:358px; background-color:#525E72; margin:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}

.image_item .closing {
    -webkit-border-radius: 6px; -moz-border-radius: 6px; position:absolute; display:inline-block; background-color:#FFF; left:327px; top:-6px;  width:25px; height:25px; background-image:url(../img/cross.gif); background-position:center center; background-repeat:no-repeat; cursor:pointer;
}

.image_item .spacer {
    padding:5px; display:inline-block;
}

.image_item .links {
    display:inline-block; width:150px;  
}

.image_item .rechts {
    display:inline-block; width:190px; float:right;
}

.image_item .image {
    width:150px; height:110px; background-position:center center; background-color:#5f6876; border:1px solid #CCC; cursor:pointer;
}

.image_item .imagename {
    display:inline-block; position:absolute; padding:3px; background-color:#FFF; font-size:0.7em; font-weight:bold; filter:alpha(opacity=75); /* IE */
    -moz-opacity:0.75; /* Gecko-Browser */
    opacity:0.75; /* Opera 9+ */    
}

.image_item .linetxt {
    display:inline-block; padding:4px 0px 0px 0px;
}

.image_item .linetxt textarea {
    height:35px; width:150px; font-size:0.7em; background-color:#6e747e; border:1px solid #CCC;
}

.image_item .aligns {
    width:100%; 
}

.image_item .btsend {
    display:inline-block; padding:8px 8px 2px 0px; float:right;
}

.image_item .aligns td {
    padding:2px; font-size:0.7em;
}

.image_item .select_left {
    background-image: url(../img/float_left.gif); width:31px; height:31px; font-size:0px; background-repeat:no-repeat; 
}

.image_item .select_p {
    background-image: url(../img/float_p.gif); width:31px; height:31px; font-size:0px; background-repeat:no-repeat; 
}

.image_item .select_right {
    background-image: url(../img/float_right.gif); width:31px; height:31px; font-size:0px; background-repeat:no-repeat; 
}

/* --- */

.color_table {
    border:0px; padding:5px; margin:0px;
}

.color_table td {
    background-color:#525E72; padding:5px; font-size:13px; color:white;
}

.color_table .dark {
    background-color:#3C4654;
}

.color_table .bg {
    background-image: url(../img/nav_bg.png);   
}

.form_table {
    border:0px; padding:5px; margin:0px; border-collapse:collapse;
}

.form_table td {
    padding:4px; font-size:13px; color:white;
}

.form_table em {
    color:#999999;  
}

.padding_table {
    border:0px; padding:5px; margin:0px;
}

.padding_table td {
    padding:5px; font-size:13px; color:#999999;
}

/* attribute classes */

.field_true {
    border:1px solid green; background-color:green; color:white;
}

.field_false {
    border:1px solid red; background-color: #9C1414; color:white;
}

.text {
    width: 250px; font-size:13px; padding:3px; 
     -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.textarea {
    width: 715px; font-size:13px; padding:3px;  
}

.submit {
    background-image:url(../img/submit-bg.gif); height:31px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0px 6px 0px 6px; cursor:pointer; font-weight:bold;
}

.submitdiv {
    background-image:url(../img/submit-bg.gif); height:25px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:6px 6px 0px 6px; cursor:pointer; font-weight:bold; font-size:0.8em; display:inline-block;
}

.button {
    background-image:url(../img/save_bg.png); height:24px; font-size:11px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0px 6px 0px 6px; cursor:pointer; font-weight:bold;
}

.px10 {
    font-size:10px; 
}

.px12 {
    font-size:12px; 
}

.padding5 {
    padding:5px;    
}

.moz6 {
    -webkit-border-radius: 6px; -moz-border-radius: 6px
}

.orange {
    color:orange;
}

.true {
    background-color:#15921F; color:white; font-size:12px; padding:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}

.false {
    background-color:#9C1414; color:white; font-size:12px; padding:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}

.div_as_td {
    padding:4px 0px 4px 15px;
}

/* GRID_SHOW/GRID_LIST/GRID_EDIT OPTIONS */

#grid_search {
    background-image:url(../img/white_bg.png); position:absolute; width:400px; left:-340px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
}

#grid_export {
    background-image:url(../img/white_bg.png); position:absolute; width:400px; left:-340px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
}